@import "../sass/公共类.scss";

.content {
    .header {
        .h-right {
            select {
                @include headerRight();
            }
        }
    }
    .subject {
        width: footerVw(710);
        margin: 0 footerVw(20);
        margin-bottom: footerVw(60);
        .Carousel {
            // background: chartreuse;
            .c-top{
                ul{
                    @include flex();
                    li {
                        text-align: center;
                       img {
                        width: footerVw(160);
                        } 
                        span {
                            font-size: footerVw(25);
                        }
                    }
                    
                } 
            }
            .c-bottom {
                ul {
                    width: footerVw(150);
                    @include flex();
                    margin: footerVw(10) auto;
                    li {
                        width: footerVw(20);
                        height: footerVw(20);
                        background: rgb(245, 151, 118);
                        border-radius: footerVw(10);
                        text-align: center;
                        &:hover {
                            background: chocolate;
                        }
                    }
                    // li:hover {
                    //     background: chocolate;
                    // }
                }
            } 
            
        }
        .food {
            margin-top: footerVw(20);
            .f-top {
                @include flex();
                // background: cadetblue;
                .left {
                    width: footerVw(205);
                    @include flex();
                    line-height: footerVw(50);
                    img {
                        width: footerVw(70);
                        height: footerVw(50);
                    }
                    h3 {
                        font-weight: 550;
                        font-size: footerVw(36);
                    }
                }
                .right {
                    width: footerVw(100);
                    @include flex();
                    line-height: footerVw(50);
                    a {
                        color: black;
                        font-size: footerVw(28);
                    }
                    img{
                        width: footerVw(30);
                        height: footerVw(30);
                        margin: auto 0;
                    }
                }
            }
            .f-bottom {
                @include flex();
                margin: footerVw(40) 0;
                img {
                    width: footerVw(150);
                }
            }
        }
        .motion {
            margin-top: footerVw(20);
            .mo-top {
                @include flex();
                // background: cadetblue;
                .left {
                    width: footerVw(205);
                    @include flex();
                    line-height: footerVw(80);
                    img {
                        width: footerVw(70);
                        height: footerVw(80);
                    }
                    h3 {
                        font-weight: 550;
                        font-size: footerVw(36);
                    }
                }
                .right {
                    width: footerVw(100);
                    @include flex();
                    line-height: footerVw(80);
                    a {
                        color: black;
                        font-size: footerVw(28);
                    }
                    img{
                        width: footerVw(30);
                        height: footerVw(30);
                        margin: auto 0;
                    }
                }
            }
            .mo-bottom {
                @include flex();
                margin: footerVw(40) 0;
                img {
                    width: footerVw(150);
                }
            }
        }
        .movie {
            margin-top: footerVw(20);
            .m-top {
                @include flex();
                // background: cadetblue;
                .left {
                    width: footerVw(205);
                    @include flex();
                    line-height: footerVw(80);
                    img {
                        width: footerVw(70);
                        height: footerVw(80);
                    }
                    h3 {
                        font-weight: 550;
                        font-size: footerVw(36);
                    }
                }
                .right {
                    width: footerVw(100);
                    @include flex();
                    line-height: footerVw(80);
                    a {
                        color: black;
                        font-size: footerVw(28);
                    }
                    img{
                        width: footerVw(30);
                        height: footerVw(30);
                        margin: auto 0;
                    }
                }
            }
            .m-bottom {
                @include flex();
                margin: footerVw(40) 0;
                img {
                    width: footerVw(150);
                }
            }
        }
    }
}